
{% extends "base.html" %}
{% block title %}Login{% endblock %}
{% block body %}

<body class="animsition">
    <div class="page-wrapper">
        <div class="page-content--bge5">
            <div class="container">
                <div class="login-wrap">
                    <div class="login-content">
                        <div class="login-logo">
                            <a href="#">
                                <img src="/static/images/icon/logo.png" alt="CoolAdmin">
                            </a>
                        </div>
                        <div class="login-form">
                            <form action="/login" method="POST">
                                <div class="form-group">
                                    <label>User Name</label>
                                    {{ form.username(class="au-input au-input--full", placeholder="Text")}}
                                    <!--input class="au-input au-input--full" type="text" name="email" placeholder="Email"-->
                                </div>
                                <div class="form-group">
                                    <label>Password</label>
                                    {{ form.password(class="au-input au-input--full", placeholder="Password")}}
                                    <!--input class="au-input au-input--full" type="password" name="password" placeholder="Password"-->
                                </div>
                                <!--div class="login-checkbox">
                                    <label>
                                        <input type="checkbox" name="remember">Remember Me
                                    </label>
                                    <label>
                                        <a href="#">Forgotten Password?</a>
                                    </label>
                                </div-->
                                <button class="au-btn au-btn--block au-btn--green m-b-20" type="submit">sign in</button>
                                <!--<div class="social-login-content">
                                    <div class="social-button">
                                        <button class="au-btn au-btn--block au-btn--blue m-b-20">sign in with facebook</button>
                                        <button class="au-btn au-btn--block au-btn--blue2">sign in with twitter</button>
                                    </div>
                                </div> -->
                            </form>
                            <div class="register-link">
                                <p>
                                    Don't you have account?
                                    <a href="#">Sign Up Here</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
{% endblock %}

<!-- end document-->